---
type: tutorial
title: Bereite deine Entwicklungsumgebung vor
description: |-
  Tutorial: Erstelle deinen ersten Astro-Blog —
  Installiere die lokalen Werkzeuge, die du für dieses Tutorial benötigst
i18nReady: true
---

import Checklist from '~/components/Checklist.astro';
import Box from '~/components/tutorial/Box.astro';
import MultipleChoice from '~/components/tutorial/MultipleChoice.astro';
import Option from '~/components/tutorial/Option.astro';
import PreCheck from '~/components/tutorial/PreCheck.astro';
import { Steps } from '@astrojs/starlight/components';
import Badge from "~/components/Badge.astro"

<PreCheck>
  - alle Werkzeuge zu installieren, die du zum Erstellen deiner Astro-Website benötigst
</PreCheck>

## Besorge die Entwicklungswerkzeuge, die du brauchst

### Terminal

Du wirst ein **Terminal** verwenden, um dein Astro-Projekt zu erstellen und wichtige Befehle zum Bauen, Entwickeln und Testen deiner Website auszuführen.

Du kannst über ein lokales Terminal deines Betriebssystems auf die Kommandozeile zugreifen. Übliche Anwendungen sind **Terminal** (macOS/Linux), **Eingabe&shy;aufforderung** (Windows) und **Termux** (Android). Wahrscheinlich befindet sich eine dieser Applikationen bereits auf deinem Gerät.

### Node.js

Damit Astro auf deinem System läuft, musst du außerdem eine kompatible Version von [**Node.js**](https://nodejs.org/en/) installiert haben. Astro unterstützt **gerade** Node.js-Versionen. Die aktuell minimal unterstützten Versionen sind: `v18.20.8`, `v20.3.0` und `v22.0.0`. (`v19` and `v21` werden nicht unterstützt.)

Um zu prüfen, ob du bereits eine kompatible Version installiert hast, führe folgenden Befehl im Terminal aus:

```sh
node -v

# Beispielausgabe
v18.20.8
```

Wenn der Befehl eine von Astro unterstützte Versionsnummer zurückgibt, bist du startklar!

Wenn der Befehl eine Fehlermeldung wie `Command 'node' not found` oder eine niedrigere Versionsnummer ausgibt, musst du [eine kompatible Node.js-Version installieren](https://docs.npmjs.com/downloading-and-installing-node-js-and-npm).

### Code-Editor

Zusätzlich musst du einen **Code-Editor** herunterladen und installieren, um deinen Code zu schreiben.

:::tip[Wir verwenden …]
In diesem Tutorial benutzen wir **VS Code**, aber du kannst jeden Code-Editor für dein Betriebssystem verwenden.
:::

<Steps>
1. [Installiere VS Code](https://code.visualstudio.com/#alt-downloads) oder einen anderen Code-Editor deiner Wahl.
</Steps>

<Box icon="question-mark">

### Teste dein Wissen

Welche der folgenden Optionen ist …
1. Ein Code-Editor, um Änderungen an deinen Dateien und deren Inhalten vorzunehmen?

    <MultipleChoice>
      <Option>
        Webbrowser
      </Option>
      <Option>
        Terminal
      </Option>
      <Option isCorrect>
        VS Code
      </Option>
    </MultipleChoice>

2. Ein Online-Dienst für Versionskontrolle deines Repositories?

    <MultipleChoice>
      <Option isCorrect>
        GitHub
      </Option>
      <Option>
        Terminal
      </Option>
      <Option>
        VS Code
      </Option>
    </MultipleChoice>

3. Eine Anwendung zum Ausführen von Befehlen?
    <MultipleChoice>
      <Option>
        GitHub
      </Option>
      <Option isCorrect>
        Terminal
      </Option>
      <Option>
        Webbrowser
      </Option>
    </MultipleChoice>

</Box>

<Box icon="check-list">
## Checkliste zum Weitermachen

<Checklist>
- [ ] Ich kann auf die Kommandozeile im Terminal zugreifen.
- [ ] Ich habe Node.js installiert.
- [ ] Ich habe einen Code-Editor wie VS Code.
</Checklist>
</Box>

### Ressourcen

- <p>[FreeCodeCamp.org](https://freecodecamp.org) <Badge class="neutral-badge" text="extern" /> – eine kostenlose Lernplattform mit vollständigen Kursen oder schnellen Auffrischungen zu HTML, CSS, JS und mehr.</p>
